<%@ page language="java" session="true" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<header id="navbar">
	<div id="navbar-container" class="boxed">
		<div class="navbar-header">
			<a href=""class="navbar-brand"> <img
				src="${pageContext.request.contextPath}/static/images/logo.png?t=223"
				alt="Nifty Logo" class="brand-icon">
				<div class="brand-title">
					<span class="">持续测试服务web框架</span>
				</div>
			</a>
		</div>
		<div class="navbar-content clearfix">
			<ul class="nav navbar-top-links pull-left">
				<li class="tgl-menu-btn"><a class="mainnav-toggle"
					href="#"> <i
						class="cds-icon-view-list"></i>
				</a></li>
				<li class="mega-dropdown">
					<a href="#"
					class="mega-dropdown-toggle"> <i class="cds-icon-layout-grid"></i>
				</a>
				<div class="dropdown-menu mega-dropdown-menu">
					<div class="row">

						<div class="col-sm-4 col-md-3">
							<ul class="list-unstyled">
								<li class="dropdown-header">
									<i class="cds-icon-file icon-fw"></i> 用户手册
								</li>
								<li>
									</li><li>
										<a href="javascript:void(0);" onclick="window.open('about:blank').location.href='http://confluence.paas.sinopec.com/pages/viewpage.action?pageId=11343508'" class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-clock icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">快速开始</p>
												<small class="text-muted">5分钟快速上手持续部署服务</small>
											</div>
										</a>
									</li>
									<li><a href="javascript:void(0);" onclick="window.open('about:blank').location.href='http://confluence.paas.sinopec.com/pages/viewpage.action?pageId=11343322'" class="media mar-btm">
										<div class="media-left">
											<i class="cds-icon-file-txt icon-2x"></i>
										</div>
										<div class="media-body">
											<p class="text-semibold text-dark mar-no">用户手册</p>
											<small class="text-muted">用户详细操作手册</small>
										</div>
									</a></li>
									<li>
										<a href="javascript:void(0);" onclick="window.open('about:blank').location.href='http://kefu.paas.sinopec.com/?appid=58e6fa9cf75j74n238c55ce056bc2b9a&tag=cts'"class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-exclamation-circle icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">常见问题</p>
												<small class="text-muted">用户常见问题</small>
											</div>
										</a>
									</li>
								</ul>
							</div>

							<div class="col-sm-4 col-md-3">
								<ul class="list-unstyled">
									<li class="dropdown-header"><i class="cds-icon-mail icon-fw"></i> 联系我们</li>

									<li><a href="http://kefu.paas.sinopec.com/?appid=58e6fa9cf75j74n238c55ce056bc2b9a&tag=cts" class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-support icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">在线客服</p>
												<small class="text-muted">在线交流您使用过程的问题</small>
											</div>
									</a></li>

									<li><a id="myCustomTrigger" href="#" class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-check icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">意见反馈</p>
												<small class="text-muted">感谢您的反馈</small>
											</div>
									</a></li>
								</ul>
								<!-- <p class="pad-top mar-top bord-top text-sm">
									</p>
									<address style="margin-bottom:10px;">
									  <h4>中国石化PaaS平台 v2.3.0</h4>
									  <p>联系邮箱：yujun@pcitc.com</p>
									</address> -->
							</div>

						<!-- <div class="col-sm-4 col-md-3">
							<ul class="list-unstyled">
								<li class="dropdown-header">
									<i class="cds-icon-file icon-fw"></i> 用户手册
								</li>
								<li>
									<li>
										<a href="http://confluence.paas.sinopec.com/pages/viewpage.action?pageId=11341560" class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-clock icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">快速开始</p>
												<small class="text-muted">&nbsp;</small>
											</div>
										</a>
									</li>
									<li><a href="http://confluence.paas.sinopec.com/pages/viewpage.action?pageId=11341924"
										class="media mar-btm">
										<div class="media-left">
											<i class="cds-icon-file-txt icon-2x"></i>
										</div>
										<div class="media-body">
											<p class="text-semibold text-dark mar-no">用户手册</p>
											<small class="text-muted">&nbsp;</small>
										</div>
									</a></li>
									<li>
										<a href="http://confluence.paas.sinopec.com/pages/viewpage.action?pageId=14030952" class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-exclamation-circle icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">常见问题</p>
												<small class="text-muted">&nbsp;</small>
											</div>
										</a>
									</li>
								</ul>
							</div>

							<div class="col-sm-4 col-md-3">
								<ul class="list-unstyled">
									<li class="dropdown-header"><i
										class="cds-icon-mail icon-fw"></i> 联系我们</li>

									<li><a
										href="#"
										class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-support icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">在线客服</p>
												<small class="text-muted">&nbsp;</small>
											</div>
									</a></li>

									<li><a id="myCustomTrigger"
										href="#"
										class="media mar-btm">
											<div class="media-left">
												<i class="cds-icon-check icon-2x"></i>
											</div>
											<div class="media-body">
												<p class="text-semibold text-dark mar-no">意见反馈</p>
												<small class="text-muted">&nbsp;</small>
											</div>
									</a></li>
								</ul>
								<p class="pad-top mar-top bord-top text-sm">
									<address>
									  <strong>联系邮箱：yujun@pcitc.com</strong>
									</address>
								</p>
							</div> -->

							<div class="col-sm-4 col-md-3">

								<ul class="list-unstyled">
									<li class="dropdown-header">
									<i class="cds-icon-file icon-fw"></i> 最佳实践
									</li>
									<!-- <li>
										<a href="#" class="media mar-btm">
												<div class="media-left">
													<i class="cds-icon-idea-2 icon-2x"></i>
												</div>
												<div class="media-body">
													<p class="text-semibold text-dark mar-no">平台云项目</p>
													<small class="text-muted">&nbsp;</small>
												</div>
										</a>
									</li>
									<li>
										<a href="#"
											class="media mar-btm">
												<div class="media-left">
													<i class="cds-icon-idea-2 icon-2x"></i>
												</div>
												<div class="media-body">
													<p class="text-semibold text-dark mar-no">智能工厂项目</p>
													<small class="text-muted">&nbsp;</small>
												</div>
										</a>
									</li>
									<li>
										<a href="#"
											class="media mar-btm">
												<div class="media-left">
													<i class="cds-icon-idea-2 icon-2x"></i>
												</div>
												<div class="media-body">
													<p class="text-semibold text-dark mar-no">智能油田项目</p>
													<small class="text-muted">&nbsp;</small>
												</div>
										</a>
									</li> -->
								</ul>
							</div>
							<div class="col-sm-12 col-md-3">
								<p class="dropdown-header">
									<i class="cds-icon-file-jpg icon-fw"></i> 技术合作
								</p>
								<ul class="list-unstyled list-inline gallery-list">

									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/linux.jpg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/windows.jpg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/java.jpeg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/net.jpeg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/docker.jpg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/jenkins.jpeg"
										alt="thumbs" style=" width: auto; height: 50px;"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/python.jpeg"
										alt="thumbs"></li>
									<li class="pad-btm pad-rgt-no"><img
										src="${pageContext.request.contextPath}/static/images/gallery/Nodejs.png"
										alt="thumbs"></li>
								</ul>
								<!-- <a href="#"
									class="btn btn-sm btn-block btn-default">Browse Gallery</a> -->
							</div>
						</div>
					</div></li>
				<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
				<!--End mega dropdown-->

			</ul>
			<ul class="nav pull-left">
				<li id="dropdown-region" style="border-right: 1px solid rgba(0,0,0,0.05);height: 40px;">
				    <select id="projectSelect" name="projectSelect" class="selectpicker" ></select>
				</li>
			</ul>
			<ul class="nav navbar-top-links pull-right">

				<!--Language selector-->
				<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

				<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
				<!--End language selector-->
				<li class="dropdown">
					<!-- data-toggle="dropdown"  -->
					<a href="#" class="dropdown-toggle"> <i
						class="fa fa-bell-o"></i> <!-- <span
						class="badge badge-header badge-danger"></span>  -->
					</a> <!--Notification dropdown menu-->
					<div class="dropdown-menu dropdown-menu-md">
						<div class="pad-all bord-btm">
							<p class="text-semibold text-main mar-no">9 条消息</p>
						</div>
						<div class="nano scrollable">
							<div class="nano-content">
								<ul class="head-list">
									<!-- Dropdown list-->
									<li>
										<a href="#">
												<div class="clearfix">
													<p class="pull-left">Database Repair</p>
													<p class="pull-right">70%</p>
												</div>
												<div class="progress progress-sm">
													<div style="width: 70%;" class="progress-bar">
														<span class="sr-only">70% Complete</span>
													</div>
												</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li>
										<a href="#">
											<div class="clearfix">
												<p class="pull-left">Upgrade Progress</p>
												<p class="pull-right">10%</p>
											</div>
											<div class="progress progress-sm">
												<div style="width: 10%;"
													class="progress-bar progress-bar-warning">
													<span class="sr-only">10% Complete</span>
												</div>
											</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li>
										<a class="media"href="#">
											<span class="badge badge-success pull-right">90%</span>
												<div class="media-left">
													<i class="cds-icon-data-settings icon-2x"></i>
												</div>
												<div class="media-body">
													<div class="text-nowrap">HDD is full</div>
													<small class="text-muted">50 minutes ago</small>
												</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li>
										<a class="media" href="#">
												<div class="media-left">
													<i class="cds-icon-file-edit icon-2x"></i>
												</div>
												<div class="media-body">
													<div class="text-nowrap">Write a news article</div>
													<small class="text-muted">Last Update 8 hours ago</small>
												</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li>
										<a class="media" href="#">
											<span class="label label-danger pull-right">New</span>
											<div class="media-left">
												<i class="cds-icon-speech-bubble-7 icon-2x"></i>
											</div>
											<div class="media-body">
												<div class="text-nowrap">Comment Sorting</div>
												<small class="text-muted">Last Update 8 hours ago</small>
											</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li>
										<a class="media" href="#">
											<div class="media-left">
												<i class="cds-icon-add-user-plus-star icon-2x"></i>
											</div>
											<div class="media-body">
												<div class="text-nowrap">New User Registered</div>
												<small class="text-muted">4 minutes ago</small>
											</div>
										</a>
									</li>

									<!-- Dropdown list-->
									<li class="bg-gray"><a class="media" href="#">
											<div class="media-left">
												<img class="img-circle img-sm" alt="Profile Picture"
													src="${pageContext.request.contextPath}/static/images/9.png">
											</div>
											<div class="media-body">
												<div class="text-nowrap">Lucy sent you a message</div>
												<small class="text-muted">30 minutes ago</small>
											</div>
									</a></li>

									<!-- Dropdown list-->
									<li class="bg-gray"><a class="media"
										href="#">
											<div class="media-left">
												<img class="img-circle img-sm" alt="Profile Picture"
													src="${pageContext.request.contextPath}/static/images/3.png">
											</div>
											<div class="media-body">
												<div class="text-nowrap">Jackson sent you a message</div>
												<small class="text-muted">40 minutes ago</small>
											</div>
									</a></li>
								</ul>
							</div>
						</div>

						<!--Dropdown footer-->
						<div class="pad-all bord-top">
							<a href="#"
								class="btn-link text-dark box-block"> <i
								class="fa fa-angle-right fa-lg pull-right"></i>Show All
								Notifications
							</a>
						</div>
					</div>
					</li>


				<!--User dropdown-->
				<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
				<li id="dropdown-user" class="dropdown">
					<a href="#" data-toggle="dropdown" class="dropdown-toggle text-right"> <span
						class="pull-right"> <!--<img class="img-circle img-user media-object" src="img/profile-photos/1.png" alt="Profile Picture">-->
							<i class="cds-icon-male ic-user"></i>
						</span>
						<div class="username user-info hidden-xs">${sessionScope.userName} <span class="role-name"></span></div>
					</a>


					<div class="dropdown-menu dropdown-menu-md dropdown-menu-right panel-default">

						<!-- Dropdown heading  -->
						<div class="pad-all bord-btm">
							<p class="text-main mar-no">
								欢迎您，<span class="user-info  text-bold">${sessionScope.userName} <span class="role-name"></span></span>
							</p>
						</div>

						<!-- Dropdown footer -->
						<div class="pad-all text-right">
							<a href="${pageContext.request.contextPath}/logout" class="btn btn-primary btn-sm btn-block"> <i class="cds-icon-unlock"></i>
								退出
							</a>
						</div>
					</div>
				</li>
				<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
				<!--End user dropdown-->

				<li>
					<a href="#"
						class="aside-toggle navbar-aside-icon"> <i class="pci-ver-dots"></i>
					</a>
				</li>
			</ul>
		</div>
		<!--================================-->
		<!--End Navbar Dropdown-->

	</div>
</header>
<!--===================================================-->
<!--END NAVBAR-->